@import "../var";

.text--highlight(@color: @highlight-color, @background-color: @highlight-background-color) {
  margin: 0 -@spacing-tiny;
  padding: @spacing-xsmall @spacing-xsmall @spacing-tiny;
  background-color: @background-color;
  color: @color;
}

.paragraph {
  display: block;
  margin: 0;
  padding: @spacing-small 0;
}

.code(@color: @code-color, @background-color: @code-background-color) {
  .text--highlight(@color, @background-color);
  display: inline;
  font-family: @text-font-family-mono;
  font-weight: @text-font-weight;
}

.quotation--color(@border-color: @quotation-border-color) {
  border-left: @quotation-border-width @quotation-border-style @border-color;
}
